let {form,laypage}=layui;
let data = {
    pagenum: 1,
    pagesize: 2
}
function article() {
    $.ajax({
        url: '/my/article/list',
        data: data,
        success: function (res) {
            console.log(res);
            if (res.status === 0) {
                let str = '';
                res.data.forEach(item => {
                    str += `
                <tr>
                <td>${item.title}</td>
                <td>${item.cate_name}</td>
                <td>${item.pub_date}</td>
                <td>${item.state}</td>
                <td>
                  <button type="button" class="layui-btn layui-btn-xs">编辑</button>
                      <button type="button" class="layui-btn layui-btn-xs layui-btn-danger">删除</button>
                </td>
              </tr>
                `
                })
                $('tbody').html(str);
            }
            // render();
            tiaoyong(res.total);
        }
    });
}
article();

function tiaoyong(t) {

    let laypage = layui.laypage;

    //执行一个laypage实例
    laypage.render({
        elem: 'xinzhi', //注意，这里的 test1 是 ID，不用加 # 号,
        count: t, //数据总数，从服务端得到,
        curr: data.pagenum,
        limit: data.pagesize,
        limits: [2, 3, 4, 5, 6],
        layout: ['count', 'limit', 'first', 'prev', 'page', 'next', 'last'], jump: function (obj, first) {
            //obj包含了当前分页的所有参数，比如：
            // console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
            // console.log(obj.limit); //得到每页显示的条数

            //首次不执行
            if (!first) {
                //do something
                data.pagenum = obj.curr;
                data.pagesize = obj.limit;
                article()
            }
        }
    });
}
//---------------动态生成选项框------------------

$.ajax({
    url:'/my/category/list',
    success:function(res){

        let arr= [];
        // let i=0;
        res.data.forEach(item =>{
            console.log(item);
            arr.push(`<option value="${item.id}">${item.name}</option>`)
            //  i++;
            //  console.log(i);
        })
        $('#baidu').append(arr.join(''));
        form.render('select');
    }
})
//----------------------------筛选--------------------------
